import React from 'react';
import  '../../../../public/css/delevlop.css';
import { inject, observer } from 'mobx-react';

@inject('delevlop')
@observer
export default class AccessDesc extends React.Component {
    // getInitialState(){
	// 	return{
	// 		status:0
	// 	};
	// }
    componentDidMount(){
        this.props.delevlop.getAccessIntro();
    }
    accountApplication(index){
		this.status=index;		
	}
    render(){
    const {accessInfo}=this.props.delevlop,status="0";
    // accountApplication(index){
	// 	let status=index;		
    // }
    function accountApplication(index){
        let status=index;
        // console.log(status)
        return status
    }
        return (
            <div style={{ 'height': '100%' }} className="p20 bgstyle">
                <span className="fsfw">经营管理平台服务测试</span>
                <div className='clearfix' style={{"padding":"15px 0","borderBottom":"1px solid #e9e9e9"}}>
                    <ul className='servicebtn fl'>
                        {
                            accessInfo.map(function (item, index) {
                                return (<a key={index} href={"#00" + index}><li className={status == index ? 'active' : ''} click={accountApplication(index)}>{item.title}</li></a>)
                            }.bind(this))
                        }
                    </ul>
                </div>
                <div className="mt-20">
                    {
                        accessInfo.map(function (item, index) {
                            return (<div key={index}>
                                <h3 className="pt-10"><a name={"00" + index} style={{ "color": "#000000" }}>{item.title + '：'}</a></h3>
                                {
                                    item.step.map(function (item1, index1) {
                                        return (<h6 key={index1} className="fontWL pt-10">{'（' + parseInt(index1 + 1) + '）' + item1}</h6>)
                                    }.bind(this))
                                }
                                <br /><br />
                            </div>)
                        }.bind(this))
                    }
                </div>
            </div>
        )
    }
}